<template>
    <div class="box">
      <div>
        <navigator  v-for="(item , index) in items" :key="index">
          <img :src="item.imgSrc" alt="" mode="widthFix">
          <div class="content-box">
            <div class="name-box">
              <h4 class="multi-line ">{{item.name}}</h4>
              <span>已售：{{item.sold}}</span>
            </div>
            <div class="price-box">
              <p>
                <i>￥</i>{{item.price}}
                <!--小数点后-->
                <b>.{{item.point}}</b>
              </p>
              <del>￥{{item.oldPrice}}</del>
            </div>
          </div>
        </navigator>
      </div>
    </div>
</template>

<script>
  export default {
    name: "index",
    data(){
      return{
        items:[
          {name:'田园风光田园风光田园风光田园风光田园风光田园风光田园风光田园风光田园风光田园风光田园风光田园风光',imgSrc:'http://wx.v4.yunyouyuanfang.com/travel_v4//9d16530903a54814b36d0b8df74d3047.jpg',sold:6,oldPrice:362,price:210,point:1},
          {name:'田园风光',imgSrc:'http://wx.v4.yunyouyuanfang.com/travel_v4//9d16530903a54814b36d0b8df74d3047.jpg',sold:6,oldPrice:362,price:210,point:0}
        ]
      }
    }
  };
</script>

<style lang="scss" scoped>
  @import "../../../static/css/list";

</style>
